<!-- 学习计算属性,是一个特别的函数，必须有返回值，没有参数 -->
<template>
  {{ show }}
  <hr>
  <h1>{{ info }}</h1>
  <button @click="age=22">修改年龄22</button>
</template>

<script lang="ts" setup>
import {computed, ref} from 'vue'

//const show = ref('hello show 信息')

const age = ref(18)
const name = ref('李四')

const info = computed(()=>`姓名：${name.value}，年龄：${age.value}岁。`)
// function info() {
//   return `姓名：${name.value}，年龄：${age.value}岁。`
// }

const show = computed(() => 'hello计算属性数据')

</script>
